@charset "utf-8";
/* footer */
.foote .bottom1{display: none;}
.foote .bottom2{width: 100% !important;float: none;}
.foote .bottom3{display: none;}
.foote .footer-wrapper {height: 270px;}

.footer-wrapper{height: 375px; background: url(../images/public/footer_bg.png) no-repeat center top; background-size: auto 100%; color: #fff;}
.footer-wrapper a{color: #fff;}
.footer-wrapper a:hover{text-decoration: underline;}
.footer-links{padding-top:30px; position: relative;}
.footer-links:after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; clear: both; background: #fff; opacity: .26;}
.footer-links h2{padding-bottom:20px; font-size: 1.125em;}
.footer-links .pulldown{float: left; width: 262px; padding-bottom: 30px;}
.footer-links .pulldown + .pulldown{margin-left: 50px;}
.footer-links .pulldown h3{position: relative; padding: 0 50px 0 35px; height: 32px; line-height: 32px; font-size: 1em; font-weight: normal; border: rgba(255,255,255,.6) 1px solid; border-radius: 16px; cursor: pointer; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
/* .footer-links .pulldown h3.on:before{ content: "";position: absolute;width: 0;height: 0; border: transparent solid 12px; border-bottom-color: rgba(31,93,180,.95); top: 100%; left: 50%;margin-left: -6px; margin-top: 6px;} */
.footer-links .pulldown h3:after{content: ''; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; width: 12px; height: 7px; background: url(../images/public/footer_links_arrow.png) no-repeat; transition: .3s all;}
.footer-links .pulldown.on h3:after{transform: rotate(-180deg);}
.footer-links .pulldown-menu{display: none;}
.footer-links .pulldown-menu{position: absolute; left: 0; right: 0; top: 100%; z-index: 10; background:rgba(31,93,180,.95); max-height: 197px;overflow-y: auto;}
.footer-links ul{padding: 10px;}
.footer-links ul li{float: left; line-height: 35px; width: 20%; overflow: hidden; box-sizing: border-box; padding: 0 10px;}
.footer-links ul li a{font-size: 88.8888%; float: left; position: relative; max-width: 100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; }

.footer{font-size: 14px;}
.footer-nav{font-weight: bold; text-align: center; padding: 30px 0;}
.footer-nav span{margin: 0 30px;}
.footer-main{padding-bottom: 30px;}
.footer-copyright{float: right; line-height:30px; width: 440px; margin-right: 30px;}
.footer-copyright .beian{padding-left: 25px; display: inline-block; background: url(../images/public/footer_beian.png) no-repeat left center;}
.footer-copyright a{color: #fff;}
.footer-copyright .dib{display: inline-block;}
.footer-wzbs{float: left; padding-top: 20px;}
.footer-wzbs img{vertical-align: middle;}
.footer-wzbs #_span_jiucuo{margin-left: 10px;}
.footer-wzbs #_span_jiucuo img{height: 58px;}
.footer-wzbs-slh{height: 58px; margin-left:25px;}
.footer-ewm{float: right;}
.footer-ewm li{float: left;}
.footer-ewm li + li{margin-left: 20px;}
.footer-ewm li .box{width: 95px; height: 115px; background: #fff;}
.footer-ewm li img{display: block; width: 95px; height: 95px;}
.footer-ewm li span{display: block; text-align: center; font-size: 10px; color: #333;}

/*responsive*/
@media (max-width: 1240px) {
	.footer-wrapper{height: auto; background-size: cover;}
	.footer{text-align: center;}
	.footer-ewm{margin: 0 auto; width: 330px;}
	.footer-wzbs, .footer-copyright, .footer-ewm{float: none;}
	.footer-copyright{width: auto; margin-right: 0; padding-top: 20px;}
	.footer-wzbs{padding-top: 10px;}
	.footer-nav{padding-bottom: 40px;}
	.footer-links-panel{text-align: center;}
	.footer-links .pulldown{float: none; display: inline-block;}
	.footer-links h2{display: none;}
	.footer-links .pulldown + .pulldown{margin-left: 30px;}
}




/* xs mobile*/
@media (max-width: 768px) {
	.footer-links-panel{display: flex; justify-content: space-between;}
	.footer-links-panel:before, .footer-links-panel:after{display: none;}
	.footer-links .pulldown{width: 48%; margin: 0 !important;}
	.footer-links ul li{width: 25%;}
	.footer-nav{line-height: 30px; padding: 25px 0;}
	.footer-nav span{margin: 0 20px;}
	.footer-links, .footer-nav{display: none;}
	.footer-main{padding-top: 30px;}
	
}


@media (max-width: 480px) {
	.footer-links .pulldown h3{padding-left: 15px; padding-right: 30px;}
	.footer-links .pulldown h3:after{right: 15px;}
	
	
}

@media (max-width: 414px) {
	.footer-wzbs #_span_jiucuo{margin-left: 0;}
	.footer-wzbs-slh{margin-left: 10px;}
}

@media (max-width: 360px) {
	.footer-links ul li{width: 50%;}
}